<template>
	<view>
		<nav-custom></nav-custom>
		<view class="cont flex justify-between flex-wrap">
			<view 
				class="cake-item" 
				v-for="(item,index) in 8"
				@tap="handleDetail(index)" 
			>
				<image class="poster" mode=""></image>
				<view class="">
					<view class="fs-28">
						草莓蛋糕
					</view>
					<view class="fs-18">
						CAOMEI DANGAO
					</view>
					<view class="fs-22">
						<text>￥</text>
						218.00
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		},
		methods: {
			handleDetail(idx) {
				uni.navigateTo({
					url:'../detail/detail?idx='+idx
				})
			}
		},
	}
</script>

<style lang="scss">
.cont{
	padding: 15upx;
	// display: flex;
	// flex-wrap: wrap;
	// justify-content: space-between;
}
.cake-item{
	margin-bottom:20upx;
	.poster{
		width: 350upx;
		height: 350upx;
		background-color: #d8d8d8;
		margin-bottom: 10upx;
	}
	.fs-18{
		margin: 10upx 0;
	}
}
</style>
